Devdit
 

document.getElementById .innerHTML คือคำสั่งอะไร

9.2K

document.getElementById .innerHTML คือ คำสั่งสำหรับอ้างถึง element ผ่าน id ด้วยคำสั่ง document.getElementById และคำสั่งแสดงข้อมูลออกสู่หน้าจอแบบ HTML ด้วยคำสั่ง innerHTML สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง document.getElementById .innerHTML คือคำสั่งอะไร

<div id="text"></div>
<script>
    window.onload = (event) => {
        document.getElementById("text").innerHTML = "สวัสดี <b>Devdit</b>";
    };    
</script>

ผลลัพธ์

สวัสดี Devdit

คำอธิบาย

1. ใช้คำสั่ง document.getElementById เพื่อเข้าถึง element ในหน้าเว็บไซต์ด้วย attribute id

2. ใช้คำสั่ง innerHTML เพื่อแสดงข้อความแบบสามารถใส่แท็ก HTML ได้ตรง element ที่อ้างถึง

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ